<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<link href="oneColFixCtrHdr.css" rel="stylesheet" type="text/css">
</head>

<body>

    <!--<script src="jquery.js"></script>
    <script>
 
    $( document ).ready(function() {
		

	$("#img1").click(function() {
		
		alert("img1 was clicked");
		$("#img_main").src = $("#img1").src;
 alert("src changed");
    });
    // Your code here.
 
});
 
    </script>-->

<div class="container">
  
  <div class="header">
  	<a href="#"><img src="images/sfarim.png" width="200" height="30" alt="ספרים ספרים"></a> 
  </div> <!-- end .header -->
  
  <div class="fltrt">
  	<a href="#" class="menu_btn">מבצעים</a>
  	<a href="#" class="menu_btn">חדש על המדף</a>
  	<a href="#" class="menu_btn">דיל מהספרים</a>
  	<a href="#" class="menu_btn">רבי מכר</a>
  	<a href="#" class="menu_btn">כרטיסי מתנה</a>
  	<a href="#" class="menu_btn">שאלות ותשובות</a>
  </div><!-- end .fltrt -->
   
  <div class="content">
  	<div class="preview_box";>
    	<div class="gallery_preview";>
    		<img class="gallery_img" id="img1" src="images/קולותמןההרים_130.jpg" width="130" height="202" alt="קולות מן ההרים - חאלד חוסייני">
        	<img class="gallery_img"src="images/שתיים_דובים_130.jpg" width="130" height="217" alt="שתיים דובים - מאיר שלו"> 
        	<img class="gallery_img" src="images/אפשרות של אלימות_130.jpg" width="130" height="193" alt="אפשרות של אלימות">
        </div>
    	<div class="preview_img";>
        	<img id="img_main" src="images/בלי להשאיר עקבות _360.jpg" width="360" height="560" alt="בלי להשאיר עקבות - ג'יימס פטרסון">
        </div>  
   
        <h3>בלי להשאיר עקבות /
        <br/>
         ג´יימס פטרסון</h3>
        <br/>
     	 <p> נינה בלום היא עורכת דין ניו־יורקית מצליחה. יש לה בת מקסימה, דירה נוחה ומשרה מתגמלת, והיא מוכנה לעשות הכול כדי להגן על החיים האלה. הכול. כולל לשקר לכולם בנוגע לזהותה האמיתית ובנוגע לעברה. כי נינה זוכרת תמיד שהסכנה אורבת לה מעבר לפינה. לה, או בעצם למי שהיתה, כשעוד נקראה ג´נין.
	  	</p>
    </div> <!-- end .preview_box -->
    
    <div class="bestsell_list">
    	<div class="bestsell">
    		<p class="bestsell_num">
        	1</p>
        	<div class="bestsell_img">
        	<img class="gallery_img" src="images/קולותמןההרים_90.jpg" width="60" height="90" alt="קולות מן ההרים - חאלד חוסייני"></img>
        	</div>
        	<div class="bestsell_txt">
            <br/>
        		<p style="color:#09C;"> קולות מן ההרים </p>
            	<p style="color:#900;"> חאלד חוסייני </p>
        	</div>
    	</div> <!-- end .bestsell -->
    
    	<div class="bestsell">
    		<p class="bestsell_num">
        	2</p>
        	<div class="bestsell_img">
        		<img class="gallery_img" src="images/אפשרות של אלימות_130.jpg" width="60" height="90" alt="אפשרות של אלימות"></img>
        	</div>
        	<div class="bestsell_txt">
            <br/>
        		<p style="color:#09C;"> אפשרות של אלימות </p>
            	<p style="color:#900;"> דרור משעני </p>
        	</div>
    	</div> <!-- end .bestsell -->
    
    	<div class="bestsell">
    		<p class="bestsell_num">
        	3</p>
        	<div class="bestsell_img inline">
        		<img class="gallery_img" src="images/שתיים_דובים_130.jpg" width="60" height="90" alt="שניים דובים - מאיר שלו"></img>
        	</div>
        	<div class="bestsell_txt inline">
            <br/>
        		<p style="color:#09C;"> שניים דובים </p>
            	<p style="color:#900;"> מאיר שלו </p>
        	</div>
    	</div> <!-- end .bestsell -->
    </div>
    
 </div> <!-- end .content -->
	 
  		<div class="footer clearfloat">
    		<p> Footer </p>
    	</div> <!-- end .footer -->

</div> <!-- end .container -->
</body>
</html>